﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Welcome to WolfDragonScheduler!</title>
<link href="/static/style.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.1.js'></script>
{% block head %}
{% endblock %}
<script type="text/javascript">
function highlightHome(){ 
document.getElementsByName('homebtn')[0].id = "on"; 
document.getElementsByName('editorbtn')[0].id = "off"; 
document.getElementsByName('contactusbtn')[0].id = "off"; 
document.getElementsByName('aboutusbtn')[0].id = "off";
document.getElementsByName('feedbackbtn')[0].id = "off"; 
}
function highlightEditor(){
document.getElementsByName('homebtn')[0].id = "off";
document.getElementsByName('editorbtn')[0].id = "on"; 
document.getElementsByName('contactusbtn')[0].id = "off"; 
document.getElementsByName('aboutusbtn')[0].id = "off";
document.getElementsByName('feedbackbtn')[0].id = "off";  
}
function highlightContact(){
document.getElementsByName('homebtn')[0].id = "off";
document.getElementsByName('editorbtn')[0].id = "off"; 
document.getElementsByName('contactusbtn')[0].id = "on"; 
document.getElementsByName('aboutusbtn')[0].id = "off";
document.getElementsByName('feedbackbtn')[0].id = "off";  
}
function highlightAboutUs(){
document.getElementsByName('homebtn')[0].id = "off";
document.getElementsByName('editorbtn')[0].id = "off"; 
document.getElementsByName('contactusbtn')[0].id = "off"; 
document.getElementsByName('aboutusbtn')[0].id = "on";
document.getElementsByName('feedbackbtn')[0].id = "off";  
}
function highlightFeedback(){
document.getElementsByName('homebtn')[0].id = "off";
document.getElementsByName('editorbtn')[0].id = "off"; 
document.getElementsByName('contactusbtn')[0].id = "off"; 
document.getElementsByName('aboutusbtn')[0].id = "off";
document.getElementsByName('feedbackbtn')[0].id = "on";  
}
</script>
</head>
<body>
<div align="center">
	<div id="header">
    	<div id="logo">
       	  <img src="/static/images/logo.png" alt="Logo" />
    	</div>
        <div id="address" align="left">
			<strong>OctoWolfDragon++</strong><br />
            Concordia University<br />
            Montreal<br />
            Phone: 514-848-2424<br />
            projectsoen341@googlegroups.com
      	</div>
        <div id="menu">
        	<a href="/" name="homebtn" onClick="highlightHome();">Home</a>  
			<a href="/editor/" title="...it's lots of fun, we promise." id="off" name="editorbtn" onClick="highlightEditor();">Create your Schedule!</a>
			<a href="/basicpage/contactus/" title="Have a question?" id="off" name="contactusbtn" onClick="highlightContact();">Contact Us</a>
            <a href="/basicpage/aboutus/" title="Find out who created this awesome application!" id="off" name="aboutusbtn" onClick="highlightAboutUs();">About Us</a>
            <a href="/basicpage/feedback/" title="Let us know what you think." id="off" name="feedbackbtn" onClick="highlightFeedback();">Feedback</a>
        </div>
    </div>
    
    <div id="content" align="justify">
      
        <br/>
        <div id="left">
            {% block body %}
            <img src="/static/images/title.png" alt="Main Title" />
            <p><b>What is the WolfDragonScheduler?</b></p>
            <p>The WolfDragonScheduler is an application developed in order to help Software Engineering undergraduate students from Concordia University to build their course schedules. The application was developed by 9 talented Software Engineering undergraduates as a project for their SOEN 341 (Software Process) course. This tool was developed with the uses of Python and the Django framework.</p>
            <p><b>How to use it?</b></p>
            <p>The application is very easy to use. In order to start, please click on Create your Schedule! in the menu bar at the top of your browser's window. Select the desired courses as well as the desired semester in which you want to take them. A schedule will be generated and you will have the opportunity to generate more than one schedule at a time.For further information, feel free to contact us or read the User Manual provided <a href="/static/user_manual.pdf">here</a>.</p>
            {% endblock %}
        </div>
        <div id="right">
            {% block right %}
            <strong class="L12">QUESTIONS?</strong><br />

            <br />
            Contact us:<br />
           	<strong>OctoWolfDragon++</strong><br />
            Concordia University<br />
            Montreal<br />
            Phone: 514-848-2424<br />
            projectsoen341@googlegroups.com
            {% endblock %}
        </div>
        <div style="clear:both"></div>
    </div>
    <div id="footer">
        <a href="index.html">Home</a> | <a href="/basicpage/aboutus/">About Us</a> | <a href="/static/user_manual.pdf">User Manual</a> |<a href="/static/Installation_and_Deployment_Guide.pdf">Installation Manual</a> | <a href="/basicpage/contactus/">Contact Us</a><br />
        OctoWolfDragon++ &copy; 2011<br />
       </strong></a>    </div>
    </div>
</body>
</html>
